<template>
    <div class="box">
        <h1>Heater{{count2}}</h1>
        <h3>我的id为{{id3}}</h3>
    </div>
</template>

<script>
import { mapState } from 'vuex'
    export default {
        name : 'Heater',

        computed:{
            // ...mapState(["count" , "id"])
            ...mapState({count2:"count",id3 : "id"})
        }
    }
</script>

<style scoped>
    .box{
        text-align: center;
        height: 200px;
    }
</style>